<template>
  <div>
    <h3>同域资源</h3>
    <h4>{{asyncData}}</h4>
    <h3>跨域资源</h3>
    <h4>{{crosData}}</h4>
  </div>
</template>

<script>
  export default {
    // 这个时候我们需要在配置文件当中加上允许跨域和代理的配置
    async asyncData({
      $axios
    }) {
      let res = await $axios({
        url: '/data/data.json'
      })
      console.log(res.data)

      // let crosData = await $axios({
      //   url: 'http://localhost:9535/service-zhwg-topo/demo'
      // })
      // console.log(crosData.data)
      return {
        // crosData: crosData.data,
        asyncData: res.data
      }
    },
    // async fetch({
    //   $axios
    // }) {
    //   let res = await $axios({
    //     url: '/data/data.json'
    //   })
    //   console.log("fetch res = ", res.data)
    // }
  }
</script>

<style>
</style>
